import * as React from "react"
import Svg, { Path } from "react-native-svg"

interface DiscordCuteFiIconProps {
  width?: number
  height?: number
  color?: string
}

export const DiscordCuteFiIcon = ({
  width = 24,
  height = 24,
  color = "#10161F",
}: DiscordCuteFiIconProps) => {
  return (
    <Svg width={width} height={height} fill="none" viewBox="0 0 24 24">
      <Path
        d="M8.475 4.043c-.802.118-2.223.642-2.856 1.054-.945.616-1.666 1.731-2.378 3.683-.623 1.705-1.125 3.962-1.284 5.778-.066.744-.029 1.816.074 2.173.248.855.958 1.383 3.738 2.773.765.383.968.469 1.154.486a.99.99 0 0 0 1.001-.567 1.096 1.096 0 0 0-.022-.859c-.13-.256-.27-.367-.791-.629l-.436-.218.159-.189c.087-.103.212-.239.278-.301l.119-.113.574.198c2.631.909 5.804.904 8.435-.014l.539-.189.271.293c.148.161.27.303.269.315 0 .013-.189.111-.419.219-.702.328-.9.567-.9 1.088 0 .244.016.307.13.496.186.31.432.455.806.473l.284.015 1.04-.519c1.881-.939 2.738-1.452 3.205-1.918.472-.472.611-.933.614-2.031.006-2.838-1.195-7.297-2.476-9.195-.581-.861-1.113-1.289-2.115-1.7-1.038-.426-1.737-.611-2.348-.619-.34-.005-.424.007-.561.08-.332.178-.52.455-.564.832-.021.18-.039.22-.091.205-.52-.156-3.328-.156-3.848 0-.052.015-.069-.024-.087-.201-.045-.429-.336-.788-.73-.897-.18-.05-.452-.051-.784-.002m.744 6.525c.805.204 1.383 1.074 1.262 1.899a1.684 1.684 0 0 1-.573 1.081c-.605.558-1.542.597-2.212.092-.81-.61-.925-1.81-.244-2.548.475-.516 1.086-.697 1.767-.524m6.561.02c.396.121.833.485 1.017.846.573 1.124-.167 2.459-1.417 2.555a1.754 1.754 0 0 1-1.586-.778c-.457-.664-.361-1.61.223-2.194a1.733 1.733 0 0 1 1.763-.429"
        fill={color}
        fillRule="evenodd"
      />
    </Svg>
  )
}
